body
{
    font-family: Sans-Serif;
}
h2
{
    font-size: 14pt;
}
ul
{
    color: Red;
    font-weight:bold;
    font-size: 12px;
    list-style-type: none;
}
.PreviewArea
{
    border: solid 1px gray;
    margin-top: 10px;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:5px 10px 5px 25px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align:left;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}

#cssPreviewContainer,
#spPreviewContainer,
#mergePreviewerContainer
{
    border: 1px dotted gray;
    
}

